* { padding: 0; margin: 0; }
body {font-size: 75%; padding: 0px; margin: 0px; font-family: "Helvetica Neue", Helvetica; }
@media screen and (max-width: 1080px) {
	body { font-size: 65%; }
}
@media screen and (max-width: 720px) {
	body { font-size: 72.5%; }
}
div { outline: 0 !important; -webkit-text-size-adjust: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); position: relative; }
.div-after { }
.div-after:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.md-box { display: box; display: -webkit-box; } 
.md-ac { box-align: center; -webkit-box-align: center; }
.md-ae { -webkit-box-align: end; box-align: end; }
.md-pc { box-pack: center; -webkit-box-pack: center; }
.md-pj { -webkit-box-pack: justify; box-pack: justify; }
.md-ver { box-orient: vertical; -webkit-box-orient: vertical; }
.md-f1 { box-flex: 1; -webkit-box-flex: 1; }
.md-size { box-sizing: border-box; -webkit-box-sizing: border-box; }
.md-img { background-position: center; background-repeat: no-repeat; background-size: contain; }
.md-img0 { background-position: center; background-repeat: no-repeat; }
.md-img1 { background-position: center; background-repeat: no-repeat; background-size: cover; }

.md-mask { position: fixed; top: 0px; left: 0px; background-color: #000; opacity: 0.1; width: 100%; height: 100%; z-index: 998;}
.md-toast { position: fixed; z-index: 999; top: 7em; left: 35%; background-color: #fff; color: #f60; border-radius: .5em; line-height: 1em;  padding: .5em 1em; width: 7em; border: .1em solid #ccc; } 
.mt-icon { width: 3em; height: 3em; margin: 0 auto; background: url('../image/toast_icon.png') no-repeat; background-size: contain; }
.mt-msg { margin-top:.3em; width: 100%; text-align: center; }
.md-msgtip { position: fixed; z-index: 999; bottom: 2em; left: 0em; width: 100%; box-pack: center; -webkit-box-pack: center; text-align: center; } 
.mm-msg { display: inline; padding: .5em 1em;  border-radius: .2em; background-color: #f4f4f4; font-size: 1.3em; box-shadow: 0 .1em .3em #888; }
.md-toastwrap { position: fixed; z-index: 999; bottom: 3em; left: 0em; width: 100%; text-align: center; } 
.mtt-con { display: inline-table; padding: .5em 1em; border-radius: .2em; background-color: #fff; border: .1em solid #8cc2ff; box-shadow: .2em  .1em .6em #eaf3fc; vertical-align: center; }
.mtt-icon { display: table-cell; width: 2.2em; height: 2.2em; background: url(../image/icon_toast.png) no-repeat center; background-size: contain; } 
.mtt-msg { display: table-cell; padding-left: .5em; color: #888; font-size: 1.2em; line-height: 2.2em; }
.gm-mask { width: 100%; height: 100%; position: fixed; top: 0px; left: 0px; background-color: #000; opacity: 0; z-index: 998; }
.gm-wrap { width: 100%; height: 100%; position: fixed; top: 0px; left: 0px;  z-index: 999; }
.gm-wrap .gm-ub { width: 100%; height: 100%; display: box; display: -webkit-box; box-align: center; -webkit-box-align: center; box-pack: center; -webkit-box-pack: center; }
.gm-gif { height: 3em; width: 3em; box-align: center; -webkit-box-align: center; box-pack: center; -webkit-box-pack: center; }
.gm-gif i { position: absolute; z-index: 99; left: 0; top: 0; height: 3em; width: 3em; background-image: url(../image/yyg_gif.gif); background-position: center; background-repeat: no-repeat;  background-size: contain;}
.gm-gif b { position: absolute; z-index: 98; left: 0; top: 0; height: 3em; width: 3em; background-color: #000; opacity: 0; border-radius: 50%; }
 
.btn-countdown { background-color: #eee !important; color: #666; font-size: 0.8em; }
.count-time { color: #fff; margin-right: 0.05em; }
.tmb-sk-spinner-three-bounce.tmb-sk-spinner { position: fixed; top: 45%; left: 45%; width: 4em; text-align: center; z-index: 999; }
.tmb-sk-spinner-three-bounce div { width: 1.2em; height: 1.2em; background-color: #0f9df1; border-radius: 100%; display: inline-block; -webkit-animation: sk-threeBounceDelay 1.4s infinite ease-in-out; animation: sk-threeBounceDelay 1.4s infinite ease-in-out; /* Prevent first frame from flickering when animation starts */
-webkit-animation-fill-mode: both; animation-fill-mode: both; }
.tmb-sk-spinner-three-bounce .tmb-sk-bounce1 { -webkit-animation-delay: -0.32s; animation-delay: -0.32s; }
.tmb-sk-spinner-three-bounce .tmb-sk-bounce2 { -webkit-animation-delay: -0.16s; animation-delay: -0.16s; }
 @-webkit-keyframes sk-threeBounceDelay {
 0%, 80%, 100% {
 -webkit-transform: scale(0);
 transform: scale(0);
}
 40% {
 -webkit-transform: scale(1);
 transform: scale(1);
}
}
@keyframes sk-threeBounceDelay {
 0%, 80%, 100% {
 -webkit-transform: scale(0);
 transform: scale(0);
}
 40% {
 -webkit-transform: scale(1);
 transform: scale(1);
}
}
.label-float { position: relative; height: 3em; margin-top: -3em; z-index: 111; color: #fff;  }
.label-float div { color: #fff; font-size: 1.1em !important; }
.label-back { position: relative; height: 3em; z-index: 110;  margin-top: -3em; background-color: #000; opacity: 0.4;  }
.label-s { font-size: 1.05em !important; }
.top-title { font-size: 1.4em;  padding: .92em 1em .92em !important; }
.e_show{display: -webkit-box!important;}
.e_hide{display: none!important;}
.bg_white{background-color:#fff;}
.uh .ut { font-size: 1.6em !important; font-weight: normal; }

.md-getpics { position: absolute; z-index: 1; left: 0; width: 100%; height: 10em;  box-sizing: border-box; -webkit-box-sizing: border-box; background-color: #fff; border: .1em solid #ccc; border-radius: .3em; background-color: #f1f1f1; }
.md-getpics .mg-mca { display: -webkit-box; width: 100%; height: 100%; box-orient: vertical; -webkit-box-orient: vertical; } 
.md-getpics .mg-camera { display: -webkit-box;  box-flex: 1; -webkit-box-flex: 1;  font-size: 1.4em;  box-pack: center; -webkit-box-pack: center;  box-align: center; -webkit-box-align: center; border-bottom: 0.1em solid #ddd;  }
.md-getpics .mg-album { display: -webkit-box;  box-flex: 1; -webkit-box-flex: 1;  font-size: 1.4em;  box-pack: center; -webkit-box-pack: center; box-align: center; -webkit-box-align: center; border-bottom: 0.1em solid #ddd; }
.md-getpics .mg-cancel { display: -webkit-box;  box-flex: 1; -webkit-box-flex: 1;  font-size: 1.4em;  box-pack: center; -webkit-box-pack: center; box-align: center; -webkit-box-align: center; background: #f3f3f3; color: #666; }
.add-img-wrap { width: 100%; padding: .1em 0; border-bottom: #ececec .1em solid; background-color: #fff; }
.add-img-wrap:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.add-img-wrap .ai-item { width: 6em; height: 6em; margin: .6em; float: left; position: relative; }
.add-img-wrap .ai-remove { position: absolute; top: -.7em; right: -.5em; z-index: 9; width: 1.8em; height: 1.8em; background-image: url(../image/remove.png); }
.add-img-wrap .ai-add-icon { background-image: url(../image/add_img_icon.png); }

